@extends('home.app')

@section('title', 'Eocmart')

@section('content')
    <style>
        ._1db3e0 {
            width: 100%;
        }

        ._095029 > a {
            padding-top: 96%;
        }
    </style>
    <div id="slice-listing">
        <div id="slice-container" class="d63bd0 hasHover">

            <div class="a0ed26">
                <div>
                    <div class="_04e895">
                        <div class="_1db3e0" style="height: auto; margin-top: 0px;">
                            <div class="aa31b0">
                                <!--单商品盒子-->
                                @foreach($goods as $good)
                                    <article class="fb8548 _60906b">
                                        <div class="_095029">
                                            <a
                                                href="{{request()->query() ? '/products/' . $good->id . '?' . $_SERVER['QUERY_STRING'] : '/products/' . $good->id}}"
                                                aria-label="striped oversized shirt"
                                                target="_self">
                                                <span class="_69638b">
                                                    <img class="_615a9d" alt="striped oversized shirt"
                                                         src="{{$good->getGoodsThumbUrl()}}">
                                                    <span class="d74b05 _774407 _0b497f">
                                                        <img itemprop="image" class="_820068 _882e61"
                                                             alt="{{$good->goods_name}}"
                                                             src="{{$good->getGoodsThumbUrl()}}">
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                        <a class="_4fb98b _60906b _68f151"
                                           href="{{request()->query() ? '/products/' . $good->id . '?' . $_SERVER['QUERY_STRING'] : '/products/' . $good->id}}"

                                           target="_self">
                                            <div class="_8e0ff4
        _01aef7 c8299d"><span class="_89e505"></span><h5 class="_2fa38d"
                                                         itemprop="brand"
                                                >
                                                    {{$good->goods_name}}</h5>
                                                <p itemprop="name" class="_3461b5">
                                                </p></div>
                                        </a>
                                    </article>
                                    <!--end单商品盒子-->
                                @endforeach
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="c139df _86320a" role="dialog" tabindex="-1" aria-label="Select a subfilter"
            ></div>
        </div>
    </div>
    <style type="text/css">#yddContainer {
            display: block;
            font-family: Microsoft YaHei;
            position: relative;
            width: 100%;
            height: 100%;
            top: -4px;
            left: -4px;
            font-size: 12px;
            border: 1px solid
        }

        #yddTop {
            display: block;
            height: 22px
        }

        #yddTopBorderlr {
            display: block;
            position: static;
            height: 17px;
            padding: 2px 28px;
            line-height: 17px;
            font-size: 12px;
            color: #5079bb;
            font-weight: bold;
            border-style: none solid;
            border-width: 1px
        }

        #yddTopBorderlr .ydd-sp {
            position: absolute;
            top: 2px;
            height: 0;
            overflow: hidden
        }

        .ydd-icon {
            left: 5px;
            width: 17px;
            padding: 0px 0px 0px 0px;
            padding-top: 17px;
            background-position: -16px -44px
        }

        .ydd-close {
            right: 5px;
            width: 16px;
            padding-top: 16px;
            background-position: left -44px
        }

        #yddKeyTitle {
            float: left;
            text-decoration: none
        }

        #yddMiddle {
            display: block;
            margin-bottom: 10px
        }

        .ydd-tabs {
            display: block;
            margin: 5px 0;
            padding: 0 5px;
            height: 18px;
            border-bottom: 1px solid
        }

        .ydd-tab {
            display: block;
            float: left;
            height: 18px;
            margin: 0 5px -1px 0;
            padding: 0 4px;
            line-height: 18px;
            border: 1px solid;
            border-bottom: none
        }

        .ydd-trans-container {
            display: block;
            line-height: 160%
        }

        .ydd-trans-container a {
            text-decoration: none;
        }

        #yddBottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 22px;
            line-height: 22px;
            overflow: hidden;
            background-position: left -22px
        }

        .ydd-padding010 {
            padding: 0 10px
        }

        #yddWrapper {
            color: #252525;
            z-index: 10001;
            background: url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ab20.png);
        }

        #yddContainer {
            background: #fff;
            border-color: #4b7598
        }

        #yddTopBorderlr {
            border-color: #f0f8fc
        }

        #yddWrapper .ydd-sp {
            background-image: url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ydd-sprite.png)
        }

        #yddWrapper a, #yddWrapper a:hover, #yddWrapper a:visited {
            color: #50799b
        }

        #yddWrapper .ydd-tabs {
            color: #959595
        }

        .ydd-tabs, .ydd-tab {
            background: #fff;
            border-color: #d5e7f3
        }

        #yddBottom {
            color: #363636
        }

        #yddWrapper {
            min-width: 250px;
            max-width: 400px;
        }</style>
@endsection
